<script id="user-card" type="text/template">
  <div class="header {type}"></div>
  <a class="avatar" href="https://github.com/{login}"><img src="{avatar_url}&s=80" alt="{name}"></a>
  <div class="content">
    <h1>{name}</h1>
    <ul class="status">
      <li><a href="https://github.com/{login}?tab=repositories"><strong>{public_repos}</strong>Repos</a></li>
      <li><a href="https://gist.github.com/{login}"><strong>{public_gists}</strong>Gists</a></li>
      <li><a href="https://github.com/{login}/followers"><strong>{followers}</strong>Followers</a></li>
    </ul>
  </div>
</script>

<script id="repo-card" type="text/template">
  <div class="header {language}">
    <a class="avatar" href="https://github.com/{login}">
      <img src="{avatar_url}&s=48" alt="{login}"></a>
    <h1><a href="https://github.com/{full_name}">{name}</a></h1>
  </div>
  <div class="content">
    <p>{description}{homepage}</p>
    <ul class="status">
      <li><a href="https://github.com/{full_name}/network"><strong>{forks_count}</strong>Forks</a></li>
      <li><a href="https://github.com/{full_name}/stargazers"><strong>{watchers_count}</strong>Stars</a></li>
    </ul>
  </div>
</script>
